<template>
  <div class="search-wrapper">
    <track-card :row_data="test_data"></track-card>
  </div>
</template>

<style lang="stylus" rel="stylesheet/stylus">
  .search-wrapper
    margin-top 60px;
</style>

<script>
  import track_info_card from  '../components/track_info_card.vue';
  export default {
    data() {
      return {
        test_data: {
          info: {
            title: '二息步行',
            artist: 'さつき が てんこもり',
            img: '/public/124.png'
          },
          lv: {
            lv1: 1,
            lv2: '2+',
            lv3: '3',
            lv4: 4,
            lv5: '10+',
            lv6: '11'
          }
        }
      }
    },
    components: {
      'track-card' : track_info_card
    }
  }
</script>